<template>
    <el-card header="当前在线管理员" shadow="never">
        <template v-for="(admin,index) in admins">
            <el-link
                class="now-login-admin__item"
                target="_blank"
                icon="el-icon-user-solid"
                :key="index"
                :title="admin.created_at | parseTime('{y}-{m}-{d} {h}:{i}')"
            >{{admin.name}}</el-link>
        </template>
    </el-card>
</template>

<script>
export default {
    name: "NowLoginAdmin",
    props: {
        admins: {
            type: [Array, Object],
            default: () => [
                { name: "九条米法", created_at: Date.now() },
                { name: "图标", created_at: Date.now() },
                { name: "夏娜", created_at: Date.now() },
            ],
        },
    },
};
</script>

<style lang="scss" scoped>
.now-login-admin__item {
    margin-right: 20px;
    font-size: 12px;
    color: $menuActiveText;
}
</style>
